টেমপ্লেটিং এবং কাস্টম হেল্পার তৈরি

Web Development - এএসপি ডট (ASP.Net) - ভিউ (Views) এবং HTML Helpers |

ASP.Net এ টেমপ্লেটিং এবং কাস্টম হেল্পার তৈরি একটি শক্তিশালী পদ্ধতি, যা ডেভেলপারদের তাদের অ্যাপ্লিকেশনে ডাইনামিক কন্টেন্ট প্রজেক্ট এবং পুনরায় ব্যবহারযোগ্য কোড তৈরি করার সুযোগ দেয়। ASP.Net MVC এবং Razor Pages এর মধ্যে টেমপ্লেটিং এবং কাস্টম হেল্পার ব্যবহারের মাধ্যমে ডেভেলপাররা তাদের ভিউ ফাইলগুলোতে ডাইনামিক, সিস্টেম্যাটিক এবং পুনঃব্যবহারযোগ্য কন্টেন্ট তৈরি করতে পারে।

টেমপ্লেটিং

টেমপ্লেটিং একটি কৌশল যেখানে ডেভেলপাররা পূর্বনির্ধারিত ডিজাইন বা কাঠামো ব্যবহার করে ডাইনামিক কন্টেন্ট তৈরি করে। ASP.Net এ Razor টেমপ্লেটিং ইঞ্জিন ব্যবহার করা হয়, যা HTML এবং C# কোডের সংমিশ্রণ প্রদান করে।

Razor টেমপ্লেট ব্যবহার

Razor টেমপ্লেটের মাধ্যমে ডেভেলপাররা ডাইনামিক HTML তৈরি করতে পারে। এটি .cshtml ফাইল এক্সটেনশনে ব্যবহৃত হয়। Razor টেমপ্লেটের মধ্যে C# কোড সরাসরি HTML এর মধ্যে এমবেড করা যায়।

@model List<Product>

<h2>Product List</h2>
<table>
    <tr>
        <th>Product Name</th>
        <th>Price</th>
    </tr>
    @foreach (var product in Model)
    {
        <tr>
            <td>@product.Name</td>
            <td>@product.Price</td>
        </tr>
    }
</table>

উপরের কোডে, @model ট্যাগটি মডেল ডেটা কনফিগার করে এবং @foreach লুপের মাধ্যমে ডেটা ডাইনামিক্যালি প্রদর্শন করা হয়।

কাস্টম হেল্পার তৈরি

কাস্টম হেল্পার হলো একটি পুনঃব্যবহারযোগ্য কোড স্নিপেট যা ভিউতে বিভিন্ন টাস্ক বা ফাংশন সম্পাদন করতে ব্যবহৃত হয়। ASP.Net MVC বা Razor Pages এ কাস্টম হেল্পার তৈরি করতে, আপনি সাধারণত হেল্পার ক্লাস তৈরি করেন যা HTML আউটপুট জেনারেট করে।

কাস্টম HTML হেল্পার তৈরি

ASP.Net MVC তে কাস্টম হেল্পার তৈরির জন্য HtmlHelper ক্লাস ব্যবহার করা হয়। এখানে একটি সাধারণ উদাহরণ দেওয়া হলো, যেখানে একটি কাস্টম হেল্পার ফাংশন তৈরি করা হয়েছে।

Custom Helper Class তৈরি করা: কাস্টম হেল্পার ক্লাস তৈরি করতে, আপনি প্রথমে একটি Static Helper ক্লাস তৈরি করবেন।

public static class CustomHtmlHelpers
{
    public static IHtmlContent CustomButton(this IHtmlHelper html, string buttonText, string cssClass)
    {
        var buttonTag = new TagBuilder("button");
        buttonTag.InnerHtml.Append(buttonText);
        buttonTag.AddCssClass(cssClass);
        return buttonTag;
    }
}

Razor ভিউতে কাস্টম হেল্পার ব্যবহার করা: এই কাস্টম হেল্পার ক্লাসটি Razor ভিউতে ব্যবহার করার জন্য, আপনাকে Razor ভিউয়ের শীর্ষে @using ডিরেকটিভ দিয়ে এই হেল্পার ক্লাসটিকে অন্তর্ভুক্ত করতে হবে।
```
@using YourNamespace.Helpers
<html>
    <body>
        <h1>Welcome to Custom Button</h1>
        @Html.CustomButton("Click Me", "btn btn-primary")
    </body>
</html>
```

এই উদাহরণে, CustomButton হেল্পার একটি <button> HTML ট্যাগ তৈরি করবে এবং এটিকে নির্দিষ্ট buttonText এবং cssClass প্রপার্টি দিয়ে কাস্টমাইজ করবে।

ফর্ম হেল্পার তৈরি

ASP.Net MVC বা Razor Pages এ ফর্ম উপাদান তৈরি করার জন্য কাস্টম হেল্পারও তৈরি করা যায়। ফর্ম হেল্পার ব্যবহার করে আপনি কাস্টম ফর্ম কন্ট্রোল তৈরি করতে পারেন, যেমন টেক্সটবক্স, ড্রপডাউন, এবং বাটন।

কাস্টম ফর্ম হেল্পার উদাহরণ

CustomFormHelper ক্লাস তৈরি করা:

public static class CustomFormHelper
{
    public static IHtmlContent CustomTextBox(this IHtmlHelper html, string name, string placeholder)
    {
        var inputTag = new TagBuilder("input");
        inputTag.Attributes["type"] = "text";
        inputTag.Attributes["name"] = name;
        inputTag.Attributes["placeholder"] = placeholder;
        inputTag.AddCssClass("form-control");
        return inputTag;
    }
}

Razor ভিউতে ফর্ম হেল্পার ব্যবহার করা:

@using YourNamespace.Helpers

<form>
    <label for="Username">Username:</label>
    @Html.CustomTextBox("Username", "Enter your username")
</form>

এটি একটি কাস্টম টেক্সটবক্স তৈরি করবে এবং ব্যবহারকারীকে তাদের Username ইনপুট করতে সক্ষম করবে।

কাস্টম HTML হেল্পারের সুবিধা

পুনঃব্যবহারযোগ্যতা: একবার তৈরি করা হলে, কাস্টম হেল্পারগুলি বিভিন্ন ভিউতে পুনরায় ব্যবহার করা যায়, ফলে কোড পুনরাবৃত্তি কমে যায়।
কোডের সাফতা: কাস্টম হেল্পারগুলি আপনার কোডকে আরও পরিষ্কার এবং আরও পড়তে সহজ করে তোলে।
HTML আউটপুট কাস্টমাইজেশন: হেল্পার ফাংশনগুলির মাধ্যমে আপনি HTML আউটপুট কাস্টমাইজ করতে পারেন, যেমন CSS ক্লাস অ্যাড করা, নির্দিষ্ট অ্যাট্রিবিউট সেট করা, এবং ইভেন্ট হ্যান্ডলিং।

উপসংহার

ASP.Net এ টেমপ্লেটিং এবং কাস্টম হেল্পার তৈরি করার মাধ্যমে আপনি আপনার অ্যাপ্লিকেশনকে আরও মডুলার এবং পুনঃব্যবহারযোগ্য করতে পারেন। Razor টেমপ্লেটিং ইঞ্জিন এবং কাস্টম HTML হেল্পার ক্লাসগুলো কোডের পুনরাবৃত্তি কমাতে এবং ডাইনামিক কন্টেন্ট সহজভাবে তৈরি করতে সাহায্য করে, যা ASP.Net অ্যাপ্লিকেশনগুলির উন্নয়ন প্রক্রিয়াকে আরও সহজ এবং দক্ষ করে তোলে।

Mark as Completed

Content added By

Md Azizur Rahman

টেমপ্লেটিং এবং কাস্টম হেল্পার তৈরি

টেমপ্লেটিং এবং কাস্টম হেল্পার তৈরি